<!DOCTYPE html>
<html>
<head>
    <title></title>
    <#include "/header.html">
    <style type="text/css">
        html {
            overflow-y: auto;
        }
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="form-group">
            <!-- <div class="col-sm-10" style="width: 20%;">
                 &lt;!&ndash;<input type="text" class="form-control" v-model="q.type" @keyup.enter="query" placeholder="上报类型">&ndash;&gt;
                 <select class="form-control" placeholder="请选择" v-model="q.type">
                     <option disabled value="">请选择上报类型</option>
                     <option v-for="type in typeObject.reportType" :value="type.value">{{type.text}}</option>
                 </select>
             </div>-->
            <div class="col-sm-10" style="width: 20%;">
                <!--<input type="text" class="form-control" v-model="q.type" @keyup.enter="query" placeholder="上报类型">-->
                <select class="form-control" placeholder="请选择" v-model="q.type">
                    <option disabled value="">请选择上报类型</option>
                    <option value="jtwf">交通违法</option>
                    <option value="jtsg">交通事故</option>
                    <option value="jtyd">交通拥堵</option>
                    <option value="sssh">设施损坏</option>
                </select>
            </div>
            <div class="col-sm-10" style="width: 20%;">
                <select class="form-control" placeholder="请选择" v-model="q.state">
                    <option disabled value="">请选择上报状态</option>
                    <option v-for="state in stateObject.reportState" :value="state.value">{{state.text}}</option>
                </select>
            </div>
            <div class="col-sm-10" style="width: 20%;">
                <input type="text" class="form-control" v-model="q.address" @keyup.enter="query" placeholder="上报路段">
            </div>
            <div class="col-sm-10" style="width: 20%;">
                <input type="text" class="form-control" v-model="q.userid" @keyup.enter="query" placeholder="上报用户">
            </div>
            <a class="btn btn-default" @click="query">查询</a>
            <a class="btn btn-primary" @click="details"><i class="fa fa-info-circle"></i>&nbsp;详情</a>
            <a class="btn btn-warning" @click="reset">重置</a>
        </div>

        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default" align="center">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal" style="width:70%!important;" >
            <!--文字信息-->
            <div class="form-group" style="width:50%;text-align: center;">
                <div class="form-group">
                    <div class="col-sm-2 control-label">上报用户</div>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" v-model="appInfo.userid" placeholder="上报用户"
                               readonly/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">联系方式</div>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" v-model="appInfo.userid" placeholder="联系方式"
                               readonly/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">IMEI号</div>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" v-model="appInfo.imei" placeholder="IMEI号"
                               readonly/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">上报类型</div>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" v-model="appInfo.typeStr" placeholder="上报类型"
                               readonly/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">上报时间</div>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" v-model="appInfo.timeStr" placeholder="上报时间"
                               readonly/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">上报地点</div>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" v-model="appInfo.address" placeholder="上报地点"
                               readonly/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">上报地点</div>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" v-model="appInfo.street" placeholder="违法地点"
                               readonly/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">上报描述</div>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" v-model="appInfo.alarmDesc" placeholder="上报描述"
                               readonly/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">审核状态</div>
                    <div class="col-sm-10">
                        <input id="stateCheck" type="text" class="form-control" v-model="appInfo.stateStr"
                               placeholder="审核状态" readonly/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">审核描述</div>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" v-model="appInfo.remark" placeholder="审核描述"
                               readonly/>
                    </div>
                </div>
            </div>
            <div class="modal-footer" style="text-align: center">
                <input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/appReport/appinfo.js?_${.now?long}"></script>
</body>
</html>